<ion-header>
  <ion-navbar>
    <ion-title>帖子详情</ion-title>
    <ion-buttons end>
      <button ion-button icon-only>
         <ion-icon name="share" color="#ffffff" style="padding-right: 5px; font-size: 26px;" ></ion-icon>
       </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>
<ion-content padding>

<div class="mc" *ngIf='hide' (click)='Bghide()'></div>

  <ion-card>

    <ion-item>
      <ion-avatar item-start>
        <img src="{{picture}}{{avter}}">
      </ion-avatar>
      <h2 class="shopname">{{nick_name}}</h2>
      <p><span>{{push_time}}</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>浏览：{{textDetail.hit_num}}</span></p>
    </ion-item>
    <p style="padding-left:16px">{{textDetail.article_title}}</p>
    <div style="width:100%;height:20%;">
      <img class="pic" src="{{picture}}{{textDetail.article_image_first}}" style="margin-top:5px;margin-left:10px;border:2px solid gray;width:30%;height:30%;display: inline-block;"
        (click)="scaleModalScalePage(textDetail.article_image_first)">
      <img class="pic" src="{{picture}}{{textDetail.article_image_second}}" style="margin-top:5px;margin-left:5px;border:2px solid gray;width:30%;height:30%;display: inline-block;"
        (click)="scaleModalScalePage(textDetail.article_image_second)">
      <img class="pic" src="{{picture}}{{textDetail.article_image_third}}" style="margin-top:5px;margin-left:5px;border:2px solid gray;width:30%;height:30%;display: inline-block;"
        (click)="scaleModalScalePage(textDetail.article_image_third)">
    </div>
    <ion-card-content>
      <p>{{textDetail.article_content}}</p>
    </ion-card-content>
  </ion-card>
  <div>
    <p class="comment">评论({{comm_count}})</p>
    <ion-list>
      <ion-item *ngFor="let item of textDetail.reviewer_list,let i=index" >
        <ion-card>
          <ion-item style="padding-left:0">
            <ion-avatar item-start>
              <img src="{{picture}}{{item.reviewer_avator}}" style="margin-top:-0.4rem;">
            </ion-avatar>
            <h2 #UserName (click)='clickUser(i,j,UserName)'>{{item.reviewer_nickname}}</h2>
            <p><span>{{item.comment_time}}</span></p>
          </ion-item>
          <p class="commentDet">{{item.review_content}}</p>
          <div  class="owner" >
            <p *ngFor='let reply of item.reply_comment,let j=index'>{{reply.reviewer_nickname}}:{{reply.review_content}}</p>
          </div>
        </ion-card>
      </ion-item>
    </ion-list>
  </div>        
</ion-content>
<ion-footer>
 
  <ion-navbar>

      <ion-title>
        <div *ngIf='show'>
        <ion-searchbar  [(ngModel)]="myInput" placeholder="说说你的看法" ></ion-searchbar>
        <ion-icon name="create" item-end (click)="publishArticleComment()" ></ion-icon>
        </div>
        <div #imputbox *ngIf='hide'>
        <ion-searchbar  placeholder="回复：{{UsName}}" #GetUser (ionBlur)='ngHide(GetUser)'></ion-searchbar>
        <ion-icon name="create" item-end (click)='getUser(GetUser)'></ion-icon>

        </div>
      
      </ion-title>
<!--||||||| .r447
      <ion-title>
        <ion-searchbar  [(ngModel)]="myInput" placeholder="说说你的看法"></ion-searchbar>
        <ion-icon name="create" item-end (click)="publishArticleComment()"></ion-icon>
      </ion-title>
=======
    <ion-title>
      <ion-searchbar [(ngModel)]="myInput" placeholder="说说你的看法"></ion-searchbar>
      <ion-icon name="create" item-end (click)="publishArticleComment()"></ion-icon>
    </ion-title>
>>>>>>> .r460-->
   
  </ion-navbar>
</ion-footer>